@charset "utf-8";

/***star.content***/

h1	{
    font-size: 22px;
    color: #01328C;
    padding: 7px 0px 5px 0px;
    margin-bottom:3%;
    line-height: 150%;
    border-bottom: 2px solid #01328C;
    margin: 0 auto 30px auto;
}
h2	{
	line-height:200%;
	font-weight:100;	
}
#content	{
	margin: 15px auto 43px auto;
}
#main	{
    margin: 0% auto 15px auto;
    color: #333333;
    font-size: 0.95em;
}
#main.left {
	width: 73%;
}

main p	{
	margin-bottom:2%;
}
.button	{
	min-width: inherit;
	display: block;
	margin-top: 15px;
	padding: 10px 5px;
}
.title {
	margin-bottom: .3em;
}

/***star.path路徑***/
#path	{
	
font-size: 16px;
	
color: #111111;
	
font-weight: bold;
	
margin-bottom: 15px;
}

#path ul	{
	font-size: 14px;
}
#path ul li:nth-child(1){
	background: url(../images/path_home.png) no-repeat left 0.5px;
	padding-left: 22px;
}
#path ul li	{
	display: inline-block;
	vertical-align: top;
	/*padding-left: 12px;*/
	padding: 0px 5px 5px 10px;
	background: url(../images/path_line.png) no-repeat left 3px;
}

#path a, #path a:hover	{
	color: #111111;
	text-decoration: none;
}
#path a:hover	{
	text-decoration: underline;	
}
.elsePadding	{
	padding:3% 4%;	
}
/***end.path路徑***/


/***star.aside側邊選單***/

aside	{
    color: #FFF;
    width: 22%;
    padding-bottom: 0.5%;
    line-height: 150%;
}

#asideTilte	{
	background-image: url(../images/asideTilte.jpg);
	background-repeat: no-repeat;
	background-size:100% 100%;
	position:relative;
	font-size: 18px;
	padding: 10px 8px;
	font-weight: bold; */
}
#asideTilte	img {
    float: right;
    margin-top: -33px;
    margin-right: -8px;
    margin-left: -8px;
}

aside ul li	{

}

aside ul li	a {
	color: #00328C;
	text-decoration: none;
	border: 1px solid #E3E3E3;
	font-size: 17px;
	cursor: pointer;
	padding: 9px 15px 9px 31px;
	background-image: url(../images/asideLi.jpg);
	background-repeat: no-repeat;
	background-size:100% 100%;
	margin-top: 3px;
	position: relative;
	letter-spacing: 0.8px;
	display:block;
}

aside ul li	a:hover, aside ul li.current > a {
	text-decoration: underline;	
}
aside ul li a::before  {
	content: url(../images/asideLi_line.png);
	position: absolute;
	left: 8px;
	top: 12px;
}
aside ul li	ul li a	{
	padding-left: 36px;
	color: #001334;
}
aside ul li ul li a::before  {
	content: url(../images/asideLi_line2.png);
	left: 18px;
	top: 8px;
}






/***end.aside側邊選單***/

/***star.純內文區(如：關於我們、產品詳細頁內文、最新消息內文)***/
article	{
	color: #333333;
	font-size: 17px;
	line-height: 150%;
}

article li, article p, article td {
	font-family: Arial, "Microsoft JhengHei", sans-serif;
}

article .titleH	{/***內文標題專用***/
	color: #00328C;
	font-weight:bold;
	font-size:1.25em;
}
article .line	{
	background:#B6B6B6;
	height:2px;
	margin-bottom: 30px;
	margin-top: 30px;
}
article .img3 img	{
	margin-right:22px;
	margin-bottom:10px;
}
article .img3 img:last-child	{
	margin-right:0px;
}
article .titleH2	{
	color: #001335;
	font-weight:bold;
	font-size:22px;
	border-bottom:2px solid #001335;
	padding-bottom:10px;
	margin-bottom:15px;
	margin-top: 1em;
}
article .titleH3	{
	color: #00328C;
	font-weight:bold;
	font-size:26px;
	margin-bottom: 30px;
	line-height:200%;
}
article .titleH3 img	{
	margin-bottom:9px;
	margin-right:10px;
}

article .project li	{/***項目符號專用***/
    list-style-image: url(../images/project_line.png);
    list-style-position: initial;
    list-style: disc;
    margin-left: 20px;
    color: #BF4C2C;
}
article .project2 li	{/
    list-style-image: url(../images/project_line2.png);
    list-style-position: initial;
    list-style: disc;
    margin-left: 20px;
    color: #454545;
	margin-bottom:15px;
}

article div.about2_1 {
	display:inline-block;
	vertical-align:top;
	margin-left:19px;
	margin-bottom:30px;
    width: calc(100% / 4 - 18.8px);
}
article div.about2_1 a {
	display: block;
	height: 162px;
	background-repeat: no-repeat;
	text-decoration: none
}
article div.about2_1:first-child {
	margin-left:0px;
}
article .about2_1 a	{
	border: 3px solid #02328D;
	border-radius: 5px;
	background-position: center center;
}
article .about2_1 a:hover	{
    filter: hue-rotate(188deg) saturate(600%);
    -webkit-filter: hue-rotate(188deg) saturate(600%);
    -moz-filter: hue-rotate(188deg) saturate(600%);
    -o-filter: hue-rotate(188deg) saturate(600%);
    -ms-filter: hue-rotate(188deg) saturate(600%);
    opacity: 0.8;
}
article .about2_1:nth-child(1) a	{
	background-image: url(../images/about2_01.png);	
}

article .about2_1:nth-child(2) a	{
	background-image: url(../images/about2_02.png);	
}

article .about2_1:nth-child(3) a	{
	background-image: url(../images/about2_03.png);	
}

article .about2_1:nth-child(4) a	{
	background-image: url(../images/about2_04.png);	
}

.office-content iframe, .office-content .branch > div {
	display: inline-block;
	vertical-align: top;
	margin-top: 1em;
	max-width: 49%;
}
.office-content .branch {
	margin-bottom: 1em;
}
.office-content iframe {
	margin-left: 1em;
}
.office-content > p {
    background: #eee;
    padding: .5em;
    color: #ff584b;
}
.office-content .branch > div p {
	line-height: 1.5em;
}

/***end.純內文區(如：關於我們、產品詳細頁內文、最新消息內文)***/


/***star.prouducts***/

.line {
    height: 1px;
    background-color: rgb(223, 224, 225);
}
.listTitle {
    color: #333333;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 150%;
}
.Inquiry_bg	{
	text-align:center;	
}
.Inquiry img	{
    margin-bottom: -3px;
    margin-right: 3px;
}
.Inquiry	{
    text-align: center;
    background-color: #164974;
    border: 0;
    color: #FFF;
    padding: 0.5% 12%;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    line-height: 170%;
}

.Inquiry:hover	{
	opacity:0.9;	
}
/***star.productsList***/
#productsList > ul > li  	{
    width: calc(100% / 3 - 14px);
    display: inline-block;
    vertical-align: top;
    margin: 30px 15px 0px 0%;
    font-size: 16px;
    color:#266B2A;
    position:relative;
    line-height:150%;
}
#productsList > ul > li:nth-child(1),
#productsList > ul > li:nth-child(2),
#productsList > ul > li:nth-child(3)	{
	margin-top:0;
}
#productsList ul > li:nth-child(3n)	{
	margin-right:0;
}
#productsList ul > li a	{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:10;
}
#productsList > ul > li a ~ .img	{
	overflow:hidden;
	border:1px solid #d9d9d9;
	text-align:center;
}
#productsList > ul > li:hover a ~ .img,
#productsList > ul > li:hover a ~ .button	{
	border:1px solid #FF4000;
	
}
#productsList > ul > li:hover a ~ .button span	{
	background-image: url(../images/button2.png);
	
}
#productsList > ul > li a ~ .img img	{
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	
}
#productsList > ul > li:hover a ~ .img img	{
	-webkit-transform: scale3d(1.3, 1.3, 5);;
	transform: scale3d(1.3, 1.3, 5);;
}
#productsList > ul > li	.title	{
	margin-top:3%;
	color: #333333;
	font-weight: bold;
}
#productsList > ul > li:hover a ~ .title ,
#productsList > ul > li:hover a ~ .text,
#productsList > ul > li:hover a ~ .button	{
	color:#FF4D48;

}
#productsList > ul > li	.text	{
	min-height: 120px;
	color: #00328C;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
}
#productsList ul > li .price	{
    color: #5d0759;
    font-weight: bold;
}
/***end.productsList***/


/***star.productsList2***/
#productsList2 > ul	{
	margin-top:3%;
}
#productsList2 > ul > li  {
    width: calc(22% + 6px);
    display: inline-block;
    vertical-align: top;
    margin: 2% 2% 2% 0%;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
	cursor:pointer;
}

#productsList2 ul > li:nth-child(4n)	{
	margin-right:0;
}
#productsList2 ul li ul li	{
	position:relative;	
}
#productsList2 ul li ul li ul li	{
	margin-top: 2%;
	list-style-type: disc;
}
#productsList2 ul li ul li a	{
	color: #262626;
	text-decoration: none;
}
#productsList2 ul li ul li a:hover,#productsList2 ul li.productsList2_In ul li a	{
	color: #006ACA;
	
	
}
#productsList2 .img	{
	position:relative;
	border: 1px solid #CCCCCC;
	text-align:center;
	overflow:hidden;
}

.checkboxFive a	{
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.checkboxFive {
    position: absolute;
    right: 1px;
    bottom: 0px;
    width: 26px;
    height: 26px;
}
.checkboxFive .tick {
    cursor: pointer;
    position: absolute;
    width: 26px;
    height: 26px;
    top: -2px;
    left: -1px;
    background: #FFF;
    border: 1px solid #0F3F69;
}
.checkboxFive .tick:after  {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #0F3F69;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkboxFive .tick:hover::after {
	opacity: 0.5;
}

.checkboxFive input[type=checkbox]:checked + .tick:after, #productsList2 li.productsList2_In .checkboxFive .tick:after {
	opacity: 1;
}

#productsList2 .img	input[type=checkbox] {
/*	visibility: hidden;*/
}
#productsList2 .img:hover, #productsList2 li.productsList2_In .img {
	border: 1px solid #0F3F69;
}
#productsList2 .img img	{
	margin-bottom: -7px;
	margin-left:-1px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#productsList2 .img img:hover	{
	opacity: 0.8;
	-webkit-transform: scale3d(1.3, 1.3, 5);;
	transform: scale3d(1.3, 1.3, 5);;
}
#productsList2 .text	{
	 word-break: keep-all;
}
#productsList2 .title	{
	font-size: 0.75em;
	letter-spacing: 0.5px;
	text-align:center;
}

#productsList2 h1	{
	font-size: 1.5em;
	margin-bottom:2%;
	font-weight: bold;
}
#productsList2 .link a	{
	width: 96%;
	height: 100%;
	position: absolute;
	cursor: pointer;
}

/***end.productsList2***/


/***star.page頁碼***/
#page	{
	
	color: #333;
	display: block;
	text-align: center;	
	margin:8% auto 0 auto;
	overflow:hidden;
	font-size: 1.125em;
	font-family:initial;
	
}
#page :hover.current, #page .current	{
	background-color: #17448A;
    display: inline-block;
    color: #fff;
}

#page a, #page a:hover	{
    color: #00328C;
    border:1px solid #001336;
    text-decoration: none;
    display: inline-block;
    padding: 5px 10px;
    margin-top:6px;
    font-weight: bold;
}
#page a:hover	{
	text-decoration: underline;		
}

/***end.page頁碼***/

/***end.prouducts***/



/***star.prouducts_in***/
#productsIn	{
	
margin-top: 15px;
}

#productsIn > .img, #productsIn > #contentSpecial {
	width:48%;
	line-height: 170%;
}

#productsIn > #contentSpecial > .title	{
	font-size: 18px;
	color: #00328C;
	margin-bottom: .5em;
}
#productsIn > #contentSpecial .title_no	{
	font-size: 17px;
	color: #333333;
	font-weight:bold;
}


/***star.產品詳細頁-簡介***/
#contentTilte .title	{
	font-size:2em;
	font-weight:bold;
	margin-bottom:2%;
	line-height:150%;
}

#contentTilte .line	{
  background-color: #CCCCCC;
  height: 1px;
  margin: 5% 0;
}

#contentTilte .standard	{
	
}
#contentTilte p span	{
	float:left;
	display:block;
	color:#535353;
	font-size:1em;	
	min-width: 85px;
}
#contentTilte .standard p .text1	{
	font-size: 1em;
	font-weight: bold;	
	color: #262626;
}
#contentTilte .standard p .text2	{
	font-size: 1.625em;
	font-weight: bold;
	margin: -3px 0 0 -38px;
	color: #262626;
}
#contentTilte .quantity	{
	text-align: left;
}
/***star.數量***/
.divBuyNumArea table {border-collapse: collapse;border-spacing: 0;}
input, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
.divBuyNumArea {text-align: center;}
.divBuyNumArea .count {width: 18px;font-size: 18px;color: #a9a9a9;border: 1px solid #a9a9a9;}
.divBuyNumArea>table {line-height: 25px;color: #706e6c;font-family:"Arial","微軟正黑體",'Open Sans',sans-serif;}
.plus{width:18px;font-size:18px;color:#777;border:1px solid #a9a9a9;cursor:pointer}
.minus{width:18px;font-size:18px;color:#777;border:1px solid #a9a9a9;cursor:pointer}
.divBuyNumArea{display:inline-block;vertical-align:middle;line-height:30px;text-align:center;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:-moz-none}
.divBuyNumArea>table{display:inline-block;vertical-align:bottom;line-height:25px;padding:0;margin:0}
.divBuyNumArea input{display:inline-block;width:40px;border:1px;text-align:center}
.divBuyNumArea .count{width:18px;font-size:18px;color:#a9a9a9;border:1px solid #a9a9a9}.divBuyNumArea .divBuyNumArea .dressRecommand{width:100px}
/***end.數量***/

/***star.產品特色-簡介***/

.special	{
	min-height: 150px;
	border-top: 1px dotted #959595;
	border-bottom: 1px dotted #959595;
	margin: 15px 0;
}
.special .specialH	{
	color: #6CA737;	
	font-size:1.25em;
	font-weight:bold;
}
/***star.產品特色-簡介***/

/***star.產品特色-項目***/
.special ul	li {
	list-style-image: url(../images/special_line.png);
	list-style-position: inherit;
	color: #001334;
	font-size: 15px;
	margin: 10px 0 10px 18px;
}
/***end.產品特色-項目***/


/***star.按鈕***/
#contentSpecial .buy a	{
	color: #00328C;
	font-size: 15px;
	margin: 0px 0 8px 0%;
	width: calc(100% / 2 - 21px);
	display: inline-block;
	text-align: center;
	font-weight: bold;
	border: 1px solid #00328C;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
}
#contentSpecial .buy.buy2 a	{
	width: calc(100% / 4 - 13px);
	color: #00328C;
}
#contentSpecial a:first-of-type .buy.buy2	{
	 margin-right: 1.4%;
}
#contentSpecial .buy.explanation	{
	width: calc(98% + 5px);
	background-color: #A0A0A0;
}
#contentSpecial .buy img	{
	margin-bottom: 4px;
}

#contentSpecial .buy a:hover	{
    filter: hue-rotate(188deg) saturate(600%);
    -webkit-filter: hue-rotate(188deg) saturate(600%);
    -moz-filter: hue-rotate(188deg) saturate(600%);
    -o-filter: hue-rotate(188deg) saturate(600%);
    -ms-filter: hue-rotate(188deg) saturate(600%);
    opacity: 0.8;
}
#contentSpecial .buy span	{

}
#contentSpecial .buy a:hover{
	opacity:0.8;	
}
#contentSpecial .buy3 a	{
	color:#FFF;
	background:#00328c;
	display:block;
	width:inherit;
	margin-top:5px;
}
.anchor	{
	display: inline-block;	
}
.anchor a	{
	border: 1px solid #001335;
	border-bottom: 4px solid #001335;
	display: inline-block;
	vertical-align: top;
	padding: 6px 15px;
	min-width: 100px;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	color: #001335;
	margin-right: 15px;
	margin-bottom: 15px;
	text-decoration: none;
}
.anchor a:hover	{
	border: 1px solid #01328C;
	border-bottom: 4px solid #01328C;
	color:#01328C;

}
#main .anchor:first-of-type a 	{
	margin-left:0;
	
}
/***end.按鈕***/

/***end.產品詳細頁-簡介***/


/***star.產品詳細頁-內容***/
.datatable	{
	margin-bottom: 5%;
}
.datatable table{

}
.datatable table tr th {
	border: 1px solid #000;
	color: #FFFFFF;
	background-color: #2C55A0;
}
.datatable table tr:first-child th	{
	text-align: center;
	vertical-align: middle;
	padding: 0 9px;
}
.datatable	table tr td	{
	padding: 0% 14px 0 14px;
	vertical-align: middle;
	color: #04318E;
}
.datatable	table tr td img	{
	min-width:82px;
}
#productsIn article	{
	margin-top:7%;
}
article table	{
	margin:15px 0;
	width: 100%;
}
#productsIn article table tr td, #productsIn article table tr th	{
	padding: 5px 10px;
	width: 50%;
}
#productsIn article table tr th {
	background: #002F7B;
	color:#FFF;
}
#productsIn article table tr:nth-child(2n+1)	{
	background:#eaeaea;
		
}
#productsIn article .tableFrame	table	{
	
	margin-top:7%;
	font-weight:bold;
	font-size: 1.2em;
	
}
#productsIn article .tableFrame	table tr th , #productsIn article .tableFrame table   {
	border: 2px solid #0C0C0C;
    text-align: left;
    padding: 0.5% 1%;
}
#productsIn article .tableFrame	table tr:first-child th	{
	text-align: center;
}
#productsIn article .tableFrame	table tr td	{
	border: 1px dotted #0C0C0C;
	padding: 0.5% 1%;
	text-align: center;
}

#productsIn article ul li {
	list-style: disc;
	margin-left: 1.5em;
	margin-bottom: .5em;
}



/***end.產品詳細頁-內容***/

/***end.prouducts_in***/


/***star.application***/
#application	{
	
}

#application ul li	{
    width: calc(100% / 3 - 16px);
    display: inline-block;
    vertical-align: top;
    margin: 30px 15px 0px 0%;
    font-size: 16px;
    position: relative;
    line-height: 150%;
    overflow: hidden;
	border: 1px solid #d9d9d9;
}
#application > ul > li:nth-child(1), 
#application > ul > li:nth-child(2), 
#application > ul > li:nth-child(3) {
    margin-top: 0;
}
#application ul > li:nth-child(3n) {
    margin-right: 0;
}
#application ul li a 	{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:10;	
}

#application ul li a ~ .action	{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(30,30,30,0.5);
	top: 0;
	left: 0;
	-webkit-transition: background 1s, -webkit-transform 1s;
	transition: background 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#application ul li:hover a ~ .action	{
	background-color: rgba(30,30,30,0);
	-webkit-transform: scale3d(1, 1, 1);;
	transform: scale3d(1, 1, 1);;
}

#application ul li a ~ .action .title	{
	text-align: center;
	padding: 30px;
	color: #FFF;
	font-weight: bold;
	display : table;
	height: 100%;
	width: calc(100% - 60px);
}
#application ul li a ~ .action .title_in {
	padding-top:0%;
	-webkit-transition: padding 1s, -webkit-transform 1s;
	transition: padding 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: table-cell;
	text-align : center;
	vertical-align : middle;
}

#application ul li:hover a ~ .action .title_in {
	padding-top:100%;
	-webkit-transform: scale3d(1.0, 1.0, 1);;
	transform: scale3d(1.0, 1.0, 1);;
}


/***end.application***/
/*news*/
.news_show .main .news_table {
	border: 1px solid #918f8f;
	border-collapse: collapse;
	width: 100%;
}
.news_show .main .news_table th {
	border-right: 1px solid #918f8f;
	padding: 5px;
	background: #ccc;
	border-bottom: 1px solid #918f8f;
}
.news_show .main .news_table td {
	background: #fff;
	border-bottom: 1px solid #918f8f;
	border-left: 1px solid #918f8f;
	padding: 5px;
	
}


/***end.content***/



@media print, screen and (max-width:999px){
	
/***star.content***/
aside	{
	display:none;	
}

#main,#main.left	{
	width:inherit;
	
}
h1	{

}
.tableBlock table tr td, .tableBlock table tr th	{/***表格自動往下排***/
	display:block;
}
/***end.content***/

/***star.純內文區(如：關於我們、產品詳細頁內文、最新消息內文)***/

article div.about2_1 {
    width: calc(100% / 2 - 13px);
}
article div.about2_1:nth-child(odd) {
	margin-left:0;
	
}
article .img3 img	{
	margin-right:0;
	}
/***end.純內文區(如：關於我們、產品詳細頁內文、最新消息內文)***/



/***star.prouducts***/
#productsList > ul > li	{
	 width: calc(97% / 2 - 10px);
}

#productsList ul > li:nth-child(3n)	{
	margin-right: 5%;
}
#productsList ul > li:nth-child(2n)	{
	margin-right: 0;
}
#productsList > ul > li:nth-child(3)	{
	margin-top:30px;
}
/***end.prouducts***/



/***star.page頁碼***/
#page	{
	 padding-bottom: 30px;
}
/***end.page頁碼***/


/***star.prouducts_in***/

/***star.產品詳細頁-簡介***/

#productsIn #contentSpecial	{
	margin-top:5%;	
}
#productsIn > .img, #productsIn > #contentSpecial {
	width:100%;	
}

.special	{
	color: #444444;	
	font-size: 0.9em;
	min-height: inherit;
}
/***star.按鈕***/
#contentSpecial .buy	{
    width: calc(100% - 13px);
}
#contentSpecial .buy.buy2 a {
    width: calc(100% / 4 - 14px);
}
#contentSpecial a:first-of-type .buy.buy2 {
    margin-right: 0%;
}


/***end.按鈕***/


.anchor a	{
	margin-right: 15px;
	margin-left: 0;
}

/***end.產品詳細頁-簡介***/



/***end.prouducts_in***/

/***star.application***/


#application ul li	{
    width: calc(100% / 2 - 13px);
}
#application > ul > li:nth-child(3)	{
	margin-top: 30px;
}
#application ul > li:nth-child(3n) {
    margin-right: 15px;
}
#application ul > li:nth-child(2n) {
    margin-right: 0;
}
#application ul li a ~ .action	{
	position:relative;	
}
#application ul li a ~ .action .title	{
	margin-top:15px;
	padding: 15px;
	width: calc(100% - 30px);
}
#application ul li:hover a ~ .action	{
	background-color: rgba(30,30,30,0.5);
}
#application ul li:hover a ~ .action .title_in {
	padding-top:0%;	
	
}
/***end.application***/
}

@media only screen and (max-width: 768px) {
	.history_content, .history_content tbody, .history_content tr,
	.history_content td {
		display: block;
		width: 100% !important;
		height: auto !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.office-content iframe, .office-content .branch > div {
		display: block;
		max-width: 100%;
	}
	.office-content iframe {
		margin-left: 0;
	}
	.vide-content iframe {
	    display: block;
	    max-width: 100%;
	}
}

@media only screen and (max-width: 375px) {
	.office-content iframe {
	    max-width: 200px;
	    height: auto;
	}
}